<!--
 * @Description: 
 * @Author: 呆龙
 * @Date: 2023-09-14 15:59:32
 * @LastEditTime: 2023-09-15 11:11:31
 * @LastEditors: 呆龙
-->
<template>
  <!-- vue3页面 -->
  <!-- <div>{{ contingentId }}</div> -->
  <a-tabs v-model:activeKey="activeKey">
    <a-tab-pane key="1" tab="代表">
      <MyRepresentative />
    </a-tab-pane>
    <a-tab-pane key="2" tab="设置组成基层工会"><MySetBaseTable /></a-tab-pane>
    <a-tab-pane key="3" tab="设置团长/副团长"><MyCommanderTable /></a-tab-pane>
  </a-tabs>
</template>

<script setup lang="ts">
import { ref } from "vue";
import MyRepresentative from "./representative.vue";
import MySetBaseTable from "./setBaseTable.vue";
import MyCommanderTable from "./setCommanderTable.vue";
defineProps<{
  // 代表团id
  contingentId: string;
}>();
const activeKey = ref("1");
</script>

<style scoped lang="less">
:deep(.ant-tabs-nav) {
  margin: 0 0 5px 0;
}
</style>
